<template>
    <div class="breadCrumb">
        <router-link  v-for="item in data" :to="{name:item.name}" :key="item.name">{{ item.meta.name + separator }}</router-link>
    </div>
</template>
<script setup>
let props = defineProps({
    data: {
        type: Array,
        default: []
    },
    separator: {
        type: String,
        default() {
            return "/"
        }
    }
})
</script>
<style scoped>
.breadCrumb {
    border: 1px solid #ccc;
    /* margin: 10px 0; */
}

.breadCrumb a {
    font-size: 16px;
    font-weight: 700;
    color: black;
    margin: 0 5px;
}
</style>